@media screen and (max-width: 767px) {
    .section-tittle li{
        max-width: 320px;
    
        padding: 0px;
        /* color:#25b612; */
        color:#666666;
    
        font-size:15px;
        margin-top: 1px;
        /* margin-left: -10px; */
  
        /* max-width: 250px; */
        margin: 2px auto;
        padding: 0px;
     
        color:#666666;
    
        font-size:15px;
        margin-top: 1px;
        
        position:relative;
        overflow:hidden;


    



}.bg-black .section-tittle li {
    color:#d6c8c8;
}



}



.banner-wrapper .text-gradient h3 {
    font-size: 50px;
    margin-top: 0rem;
    color: #f9004d;
    font-weight: 500;
    margin-bottom: 0;
    padding: 3px 0px;
  
}


.banner-wrapper .text-gradient span {
    font-size: 27px;
    /* margin-top: 0rem;
    color: #f9004d;
    font-weight: 500;
    margin-bottom: 0;
    padding: 3px 0px; */
  
}



.banner-wrapper h3.text-gradient{
    background: -webkit-linear-gradient(305deg,#f81f01,#ee076e);
    background: linear-gradient(145deg,#f81f01,#ee076e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
   
}


.resume-page span.text-gradient{
    background: -webkit-linear-gradient(305deg,#d9e2827c,#ee076e);
    /* background: radial-gradient(ellipse  at bottom , #1e159cf3,  #2d1fe4bb ,#180e0ec2, #0f0e0e); */
    background: linear-gradient(145deg,#68d36dea, #68d36d70,#6a792b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -20px;
    font-weight: bold;

    
}
.section-tittle h2{
	font-size:46px;
	text-transform:capitalize;
	font-weight:700;
	padding-top:10px;
	position: relative;
}


 .banner-wrapper h3.text-gradient{
    background: -webkit-linear-gradient(305deg,#f81f01,#ee076e);
    background: linear-gradient(145deg,#c4a6a2,#ee076e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
   
}